@mixin flex($mainAxis: 'flex-start', $direction: 'row', $crosAxis: 'flex-start') {
  display: flex;
  flex-direction: $direction;
  justify-content: $mainAxis;
  align-items: $crosAxis;
}

@mixin no-wrap-multi($line:1) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $n;
  -webkit-box-orient: vertical;
  word-break: break-all;
}